
.webix_view{
    color:#fff;
    background: #333;
}
.mainHeader{
    background:#000;
}
.mainHeader .webix_view{
    background:#1890ff;
}
.mainHeader>.webix_scroll_cont{
    background: #1890ff;
    -webkit-box-shadow: 0 2px 8px #0979e1;
    box-shadow: 0 2px 8px #0979e1;
}
.mainHeader .webix_template{
    color:#fff
}
.headerMenu .webix_list_item{
    background: #1890ff;
    color: #fff;
    border:none
}
.headerMenu .webix_list_item:hover, .headerMenu .webix_list_item:focus{
    border:none;
    background: #106ebe;
    color:#fff
}
.mainLeft .webix_view{
    background: #212121;
}
.mainLeft .webix_form .webix_el_box{
    background: #212121;
}
.mainLeft .webix_tree .webix_selected {
    background: #1890ff!important;
    border-left:0;
    color: #ffffff;
}
.mainLeft .webix_tree .webix_tree_item:hover{
    background: black;
    color:#fff;
}
.mainLeft .webix_tree .webix_tree_item span{
    color:#fff!important
}
.mainLeft .webix_tree {
    border-right: 1px solid #000000
}
.mainLeft .webix_form{
    border:none;
    border-right: 1px solid #000000
}
.main,.mainLeft,.mainLeft.webix_form{
    padding:0!important;
}
.mainLeft .webix_form,.mainLeft .webix_form .webix_el_text{
    height: 40px!important;
}
.mainLeft .webix_form input{
    border: none!important;
    border-bottom: 1px solid #6c6b6b!important;
    background: url(/static/images/search.png) 30px no-repeat!important;
    background-size: 14px 14px!important
}
.mainLeft .webix_form input:hover,.mainLeft .webix_form input:focus{
    background: url(/static/images/search-foucs.png) 30px no-repeat!important;
    background-size: 14px 14px!important;
    border-bottom: 1px solid #1890ff!important;
}
.mainLeft .webix_tree .webix_tree_item{
    border-left: 3px solid #212121;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#aaa;
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#aaa;
}
input:-moz-placeholder,textarea:-moz-placeholder{
    color:#aaa;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#aaa;
}
/* ================滚动条样式=================== */
*::-webkit-scrollbar{
    width:6px;
    height:6px;
}
*::-webkit-scrollbar-button{
    width:0px; 
    height:0px;
}
*::-webkit-scrollbar-track{
    background:#212121;
}
*::-webkit-scrollbar-thumb{
    background:#c8c8c8;
}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{
    border-radius:3px;
}
*::-webkit-scrollbar-corner,*::-webkit-scrollbar-resizer,*::-webkit-scrollbar-button{
    background:#fff;
}

.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track,.ag-horizontal-left-spacer::-webkit-scrollbar-track{
    background:#333;
}
.webix_tree_open, .webix_tree_close{
    color:#b0d1ff
}
.webix_resizer_x {
    cursor: ew-resize;
    background: url() no-repeat center center!important;
    background-color: #212121!important;
}
.maintab > .webix_view.webix_control.webix_el_tabbar {
    background: #212121;
}
.maintab .webix_el_tabbar .webix_all_tabs{
    border-bottom:1px solid #000
}
.mainTabBar{
    height: 41px!important;
    margin-left:1px solid #000
}
.mainTabBar .myTabDiv{
    top:0;
    border:none;
    background: none;
    color:#fff
}
.mainTabBar .myTabDiv:hover{
    background: #212121;
    color: #1890ff;
}
.mainTabBar .webix_selected .myTabDiv {
    background: #212121;
    color: #1890ff;
    border:none;
    border-bottom: 2px solid #1890ff;
    border-radius: 0;
}
.maintab > .webix_el_tabbar > .webix_all_tabs .webix_item_tab.webix_selected, .maintab > .webix_el_tabbar > .webix_all_tabs .webix_item_tab.webix_selected:active{
    box-shadow:0 0 0;
    -webkit-box-shadow:0 0 0;
}
.webix_all_tabs .webix_tab_more_icon .webix_icon{
    color:#69afe5;
}
.webix_el_label .webix_el_box{
    color:#fff
}
.webix_view.webix_form{
    background: #333;
}
.webix_inp_label, .webix_inp_top_label, legend.webix_forminput_label, .webix_el_label .webix_el_box{
    color:#fff
}
.webix_el_text input, .webix_el_search input, .webix_el_combo input, .webix_el_datepicker input, .webix_el_colorpicker input{
    background: black;
    border: 1px solid #8a8886;
    color:#fff;
}
.webix_popup{
    border:1px solid #000
}
.webix_list_item{
    border-bottom:1px solid #000;
}
.webix_menu .webix_list_item{
    background: #333;
    border-bottom:1px solid #000;
}
.webix_menu.webix_view .webix_list_item:hover, .webix_menu.webix_view .webix_list_item:active{
    background: #1890ff;
    color:#fff
}
.webix_list .webix_list_item.webix_selected{
    background: #1890ff;
    border:none;
    color:#fff
}
.maintab{
    margin-left:0!important;
}
.ag-theme-blue .ag-header{
    background: #333!important;/*424242*/
    border-bottom: 1px solid #000!important;
}
.ag-theme-blue .ag-root-wrapper{
    border:0;
    border-top:1px solid #000;
}
.ag-header-cell-text{
    color:#fff
}
.ag-theme-blue{
    background: #333;
    color:#fff
}
.ag-theme-blue .ag-body-viewport{
    background: #333!important
}
.ag-theme-blue .ag-paging-panel{
    color:#fff!important;
    border-top: 1px solid #000000!important;
}
.ag-theme-blue .ag-row-even{
    background: #333;
}
.ag-theme-blue .ag-row-odd{
    background: #333!important;
}
.ag-theme-blue .ag-ltr .ag-cell {
    border-right: 1px solid #000!important;/*656565*/
}
.ag-theme-blue .ag-row:not(.ag-row-first){
    border-width: 0 0 0 0;
    background: #333;
}
.ag-theme-blue .ag-row.ag-row-first{
    background: #333;
}
.ag-theme-blue .ag-row{
    border:none;
    color:#fff;
    border-color:#000!important
}
.ag-theme-blue .ag-row-selected{
    background: #5a5a5a!important;
}
.ag-header-cell-label:hover {
    background: #616161;
}
.ag-header-icon.ag-header-cell-menu-button:hover {
    background: #616161;
}
.ag-header-icon.ag-header-cell-menu-button:hover .ag-icon{
    color: #313131!important;
}
.webix_el_tabbar + .webix_multiview{
    background: #333;
}
.ag-popup .ag-menu{
    background: #333!important;
    border:1px solid #000!important;
    border-top:none!important
}
.ag-popup .ag-filter .ag-filter-apply-panel{
    border-top: 1px solid #000000!important;
    background:#333;
}
.ag-popup .ag-filter .ag-filter-select{
    background: #000;
    border: 1px solid #8a8886;
    appearance: icon;
}
.ag-popup .ag-filter input[type="text"], .ag-popup.ag-filter input[type="date"]{
    background: #000;
    border: 1px solid #8a8886;
}
.ag-popup .ag-filter .ag-filter-header-container{
    background: #333;
    border-bottom:1px solid #000!important
}
.webix_ss_header, .webix_ss_header TD, .webix_ss_vscroll_header, .webix_dd_drag_column{
    background: #333;
    color:#fff
}
.webix_dtable .webix_ss_header td.webix_last_row:hover{
    background: #616161;
}
.webix_column > div.webix_cell_select, .webix_column > div.webix_column_select, .webix_column > div.webix_row_select{
    background: #5a5a5a;
    color:#fff
}
.webix_dtable .webix_ss_body .webix_column > div, .webix_dtable .webix_ss_body .webix_table_cell{
    border-right: 1px solid #000!important;
    border-bottom: 1px solid #000!important;
}
.webix_dtable .webix_ss_header td.webix_last_row{
    border-bottom: 1px solid #000;
}
.webix_fieldset > fieldset{
    border:1px solid #000
}
.webix_fieldset_label{
    color:#fff
}
.webix_el_button > .webix_el_box > .webix_button{
    border: 1px solid #606060;
    background-color: #606060;
    color: #ffffff;;
}
.webix_el_button > .webix_el_box > .webix_button:hover{
    border: 1px solid #1890ff;
    background-color: #1890ff;
}
.webix_toolbar .webix_el_label .webix_el_box{
    color:#fff
}
.webix_inp_label, .webix_inp_top_label, .webix_label_right{
    color:#fff
}
.webix_view.webix_control.webix_el_tabbar{
    background: #212121;
}
div.webix_inp_static, .webix_el_textarea textarea{
    background: #000;
    border-color:#8a8886;
    color: #fff;
}
.webix_multicombo_value span{
    color:#fff;
    font-size: 12px;
}
.webix_multicombo_value, .webix_multicombo_tag{
    background: #5a5a5a;
}
.webix_multicombo_value .webix_multicombo_delete:after{
    color: #7d7d7d;
}
.webix_range_footer .webix_layout_line .webix_el_button button{
    line-height: 10px!important;
}
/* 日历 */
.webix_cal_month_name, .webix_time_header .webix_cal_hours, .webix_time_header .webix_cal_minutes{
    color:#fff
}
.webix_cal_day, .webix_cal_week_num{
    color:#fff
}
.webix_cal_icon, .webix_cal_time, .webix_cal_month_name{
    color:#c7c7c7
}
.webix_view > .webix_cal_header div{
    color:#fff
}
.webix_daterange .webix_view,.webix_cal_body .webix_cal_range{
    background: #333;
}
.webix_cal_body .webix_cal_range_start, .webix_cal_body .webix_cal_range_end, .webix_cal_body .webix_cal_today.webix_cal_range_start, .webix_cal_body .webix_cal_today.webix_cal_range_end{
    background: #414850;
}
.webix_cal_body .webix_cal_outside{
    color: #68727e;
}
.webix_cal_body .webix_cal_block{
    color:#1890ff
}
.webix_cal_done{
    background: #606060;
    color:#fff
}
.webix_cal_body .webix_cal_block span:hover{
    background: #454545;
}
.webix_cal_body . .webix_selected span:hover{
    background: #1890ff;
}
.webix_cal_body .webix_cal_range{
    background-color: #414850;
}
.webix_cal_body .webix_cal_day_inner:hover{
    background: #454545;
}
.webix_view.webix_control .webix_disabled_box input, .webix_view.webix_control .webix_disabled_box select, .webix_view.webix_control .webix_disabled_box textarea, .webix_view.webix_control .webix_disabled_box .webix_inp_static{
    background-color: #000;
    border-color: #6d7579;
}
.webix_view > .webix_disabled{
    left:1px;
    top:-4px
}
.webix_view.webix_control > .webix_disabled{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    opacity: 0.3;
}
.webix_switch_box {
    background-color: #9b9b9b;
}
.webix_switch_handle{
    background-color: #c2c2c2;
}
.webix_window .webix_win_head .webix_toolbar{
    background: #333333;
}
.webix_win_head{
    border-bottom: 1px solid #000;
}
.webix_window{
  border:1px solid #5f5f5f;
}
.webix_window .dialogBottom{
    border-top: 1px solid #000;
    border-bottom: 1px solid #333333;
}
.webix_icon_button:hover:before{
    background: #000;
}